<!DOCTYPE html>
<html>
	<!--cambios de prueba-->
	<head>
		<meta charset="UTF-8">
		<title> META BUSCADOR EMPLEO</title>

		<meta name="viewport" content="width=device-width, initial-scale=1">
		<script type="text/javascript" src="./js/jquery.js"></script>

		<link rel="stylesheet" href="./css/jquery.mobile.css" />
		<script src="./js/jquery.mobile.js"></script>
		<script src="./js/JTalent.js"></script>
		<script src="./js/Iberempleos.js"></script>

	</head>

	<body>

		<div data-role="page" id="principal">

			<div data-role="header" id="principalheader">

				<a href="#" data-role="button" data-icon="arrow-l" data-iconpos="right" data-inline="true">Filtros Busqueda</a>
				<h1> META BUSCADOR WEBS EMPLEO</h1>
			</div>

			<div data-role="content" id="principalcontent">
				<ul data-role="listview" data-filter="true" data-filter-reveal="true" data-filter-placeholder="Indica Profesion...">
					<li>
						<a href="#">Programador</a>
					</li>
					<li>
						<a href="#">Analista</a>
					</li>
					<li>
						<a href="#">Camarero</a>
					</li>
					<li>
						<a href="#">Dentista</a>
					</li>
					<li>
						<a href="#">Comercial</a>
					</li>
					<li>
						<a href="#">Carretillero</a>
					</li>
				</ul>
				<br>
				</br>

				<ul data-role="listview" data-filter="true" data-filter-reveal="true" data-filter-placeholder="Indica Ciudad...">
					<li>
						<a href="#">Vitoria-Gasteiz</a>
					</li>
					<li>
						<a href="#">Bilbo</a>
					</li>
					<li>
						<a href="#">Donosti</a>
					</li>
					<li>
						<a href="#">Madrid</a>
					</li>
					<li>
						<a href="#">Barcelona</a>
					</li>
					<li>
						<a href="#">Valencia</a>
					</li>
				</ul>
				<br>
				</br>

				<ul data-role="listview" data-filter="true" data-filter-reveal="true" data-filter-placeholder="Indica Area funcional...">
					<li>
						<a href="#">Marketing</a>
					</li>
					<li>
						<a href="#">Coemrcial</a>
					</li>
					<li>
						<a href="#">Produccion</a>
					</li>
					<li>
						<a href="#">Desarrollo</a>
					</li>
					<li>
						<a href="#">Operaciones</a>
					</li>
				</ul>
				<br>
				</br>

				<fieldset data-role="controlgroup">
					<legend>
						Elige Buscador
					</legend>
					<input type="checkbox" name="checkbox-h-2a" id="checkbox-h-2a">
					<label for="checkbox-h-2a">INFOJOBS</label>
					<input type="checkbox" name="checkbox-h-2b" id="checkbox-h-2b">
					<label for="checkbox-h-2b">IBEREMPLEOS</label>
					<input type="checkbox" name="checkbox-h-2c" id="checkbox-h-2c">
					<label for="checkbox-h-2c">LANBIDE</label>
					<input type="checkbox" name="checkbox-h-2d" id="checkbox-h-2d">
					<label for="checkbox-h-2d">JOB AND TALENT</label>
				</fieldset>
				<br>
				</br>
				<a id="buscar" href="#" data-role="button">Buscar</a>

			</div>

			<div data-role="footer" id="principalfooter">

				<h1> Proyecto Curso Multiplataforma</h1>

			</div>

			<script>
				$(document).ready(function() {

					$("#buscar").click(function() {
						var checkinfojobs = $("#checkbox-h-2a").is(":checked");
						var checkiberempleos = $("#checkbox-h-2b").is(":checked");
						var checklanbide = $("#checkbox-h-2c").is(":checked");
						var checkJTalent = $("#checkbox-h-2d").is(":checked");

						if (checkinfojobs == true) {
							parsearinfojobs();
							console.log("acabado infojobs");
						};
						if (checkiberempleos == true) {
							console.log ("hola");
							parseariberempleos();
							console.log("acabado iberempleos");
						};
						if (checklanbide == true) {
							parsearlanbide();
							console.log("acabado lanbide");
						};
						if (checkJTalent == true) {
							parserJobAndTalent();
							console.log("acabado jobs and talent");
						};
					});
				});
			</script>
		</div>
	</body>
</html>

